<template>
  <div class="input-group">
    <input type="text" v-model="value">
    <button @click="handle">添加</button>
  </div>
  <!-- 左边的list是传给子组件的，右边的list是数组 -->
</template>

<script setup>
import { ref } from 'vue';


const value = ref('')
const emits=defineEmits(['add'])   //发布一个事件
const handle = () => {
  emits('add',value.value)   //定义一个事件，再带个需要的值
}

</script>
<style >
#app {
  width: 300px;
}

.input-group {
  width: 100%;
  display: flex;
}
</style>
